<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style>
		*{ margin: 0; padding: 0; }
		.main{ width: 1005px; height: 500px; margin: 20px auto; }
		.main li{ width: 315px; height: 280px; border: 5px solid #fff; float: left; list-style: none; margin: 5px; box-shadow: 0 0 5px #ccc; overflow: hidden; cursor: pointer; }
		.rotate{ width: 315px; height: 560px; transition: all 0.5s ease; }
		.cap{ width: 285px; height: 250px; background: #000; color: #fff; line-height: 1.4; padding: 15px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
		.cap h2{ font-size: 14px; }
		.cap p{ font-size: 12px; }
		.main li:hover .rotate{ transform: rotate(180deg); -webkit-transform:rotate(180deg); }
	</style>
	<script src="jquery-3.1.1.min.js"></script>
	<script>

	</script>
</head>
<body>
	<ul class="main">
		<li>
			<div class="rotate">
				<img src="images/1.jpg" alt="" />
				<div class="cap">
					<h2>曝韦德愿做牺牲降薪留队 跳出合同4年5000万续约</h2>
					<p>2010年夏天，韦德同热火签下一份为期六年价值1.08亿美元的合同，目前还剩两年到期，价值4150万。这份合同的最后两年，韦德分别拥有一个跳出条款，可以提前恢复自由身。而韦德正打算利用这一条款结束当前合同，与球队重签一份为期4年，总价值在5000万到5500万之间的新合同。...</p>
				</div>
			</div>
		</li>
		<li>
			<div class="rotate">
				<img src="images/2.jpg" alt="" />
				<div class="cap">
					<h2>曝韦德愿做牺牲降薪留队 跳出合同4年5000万续约</h2>
					<p>2010年夏天，韦德同热火签下一份为期六年价值1.08亿美元的合同，目前还剩两年到期，价值4150万。这份合同的最后两年，韦德分别拥有一个跳出条款，可以提前恢复自由身。而韦德正打算利用这一条款结束当前合同，与球队重签一份为期4年，总价值在5000万到5500万之间的新合同。...</p>
				</div>
			</div>
		</li>
		<li>
			<div class="rotate">
				<img src="images/3.jpg" alt="" />
				<div class="cap">
					<h2>曝韦德愿做牺牲降薪留队 跳出合同4年5000万续约</h2>
					<p>2010年夏天，韦德同热火签下一份为期六年价值1.08亿美元的合同，目前还剩两年到期，价值4150万。这份合同的最后两年，韦德分别拥有一个跳出条款，可以提前恢复自由身。而韦德正打算利用这一条款结束当前合同，与球队重签一份为期4年，总价值在5000万到5500万之间的新合同。...</p>
				</div>
			</div>
		</li>
	</ul>
</body>
</html>